<template>
  <tr>
    <td>{{type}}</td>
    <td>{{account}}</td>
    <td>
      <input type="text" v-model="iconTip" @input.lazy="change">
    </td>
    <td>
      <button :id="id" @click='del(id)'>删除</button>
    </td>
  </tr>
</template>

<script>
export default {
  props:['id','type','account','tip'],
  methods:{
    del(id){
      this.$emit('del',id);
    },
    change(){
      this.$emit('change',this.iconTip,this.id);
    }
  },
  data(){
    return {
      iconTip:this.tip
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
